// packagesA/pages/translation/word/index.js
const app = getApp()
import {
  createStoreBindings
} from 'mobx-miniprogram-bindings'
import {
  store
} from '../../../../store/translationword/index'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    wordval:'',
    isfocus:true,
    wordresult:[],
    wordhistory:[],
    lastTenWords: []
  },
  wordvalchange(e){
    this.setData({
      wordval:e.detail.value
    })
    // 如果已经存在定时器，则清除
    if (this.timeout) {
      clearTimeout(this.timeout);
    }
    let self=this
    // 设置定时器，延迟执行函数
    this.timeout = setTimeout(() => {
      // 这里放置需要节流执行的函数
      console.log('用户停止输入，执行函数', self.data.wordval);
      //发起请求，执行翻译回调
      self.gotrans()

    }, 500); // 延迟时间可以根据需要调整，这里设置为1000毫秒
  },
  cancelword(){
    this.setData({
      wordval:'',
      wordresult:[]
    })
     
  },
  gotrans() {
    let that=this
    if (!this.data.wordval) {
      return this.setData({
        wordval: ''
      })
    }
    wx.request({
      url: 'http://dict.youdao.com/suggest?q='+this.data.wordval+'&num=15&doctype=json',
      method: 'GET',
      success(res) {
        console.log(res.data.data);
        that.setData({
          wordresult:res.data.data.entries
        })
      }
    })
  },
  clickitem(e){
    // console.log(e.currentTarget.dataset.item);
    let item=e.currentTarget.dataset.item
    
    wx.navigateTo({
      url: `/packagesA/pages/translation/word/worddetail/index?item=${item}`,
    })
    const data=[...store.wordhistory]
    if(!data.includes(item))  data.push(item)
    this.updateword(data)
			
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
     //在onload中创建
     this.storeBindings = createStoreBindings(this, {
      store,
      fields: ['wordhistory'],
      actions: ['updateword']
    })
    this.setData({
      wordhistory:store.wordhistory,
      lastTenWords: store.wordhistory.slice(-10)
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    this.setData({
      wordhistory:store.wordhistory,
      lastTenWords: store.wordhistory.slice(-10)
    })
  },  

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})